import styled from 'styled-components'
import logo from '../../assets/images/logo2.png'
import text from '../../assets/images/logo5.png'

export const LoginInner = styled.div`
  height: 100%;
  background-color: #f0f2f5;
  .center {
    height: 100%;
    padding-top: 10%;
    .title {
      width: 350px;
      height: 50px;
      margin: 0 auto;
      text-align: center;
      > span {
        display: inline-block;
      }
      .logo-img {
        width: 50px;
        height: 50px;
        background: transparent url(${logo}) center;
        background-size: 100% 100%;
      }
      .logo-text {
        height: 40px;
        width: 140px;
        background: transparent url(${text}) center;
        background-size: 100% 100%;
      }
    }
    .login-main {
      width: 350px;
      margin: 30px auto 0;
      .tabs {
        .ant-tabs-nav-wrap {
          justify-content: center;
        }
      }
    }
  }
`
